---
layout: snippet
title: "Bars"
permalink: /examples/bars/basic/
sitemap: false
---

<nav class="navbar bg-light navbar-light navbar-expand-md">
    <div class="navbar-brand">
        Brandname
    </div>
    <a role="button" class="navbar-toggler" aria-label="Toggle navigation" data-toggle="collapse" data-target="#collapsingNavbar">
        <span aria-hidden="true" class="navbar-toggler-icon"></span>
    </a>
    <div class="collapse navbar-collapse" id="collapsingNavbar">
        <div class="navbar-nav mr-auto">
            <div class="nav-item">
                <a class="nav-link" href="#home">
                    Home
                </a>
            </div>
            <div class="nav-item">
                <a class="nav-link" href="#docs">
                    Documentation
                </a>
            </div>
        </div>
        <div class="navbar-nav">
            <div class="nav-item">
                <button type="button" class="btn btn-primary">
                    Sign up
                </button>
                <button type="button" class="btn btn-secondary">
                    Log in
                </button>
            </div>
        </div>
    </div>
</nav>